<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 表单域 ：form action(提交接口) method(方法GET/POST) name-->
    <form action="https://www.baidu.com/" method="GET" name="form1">
        <div>用户名：<input type="text" placeholder="请输入用户名" value=""></div>
        <div>密码：<input type="password"> </div>
        <div>
            <!-- 在form表单域内部，submit会执行提交（刷新页面） -->
            <input type="submit" value="提交">
            <!-- 在form表单域内部，reset会重置表单值(value) -->
            <input type="reset" value="重置">
            <br />
            <!-- 图片按钮 -->
            <input type="image" src="./图片按钮.jpg" alt="" height="40">
        </div>
    </form>
</body>

</html>